<script setup>
	// keepArr:[]
</script>

<template>
	<!-- keep-alive：缓存组件，不让它立即销毁
	 范围：所有的一级路由
	 问题：会缓存一些不适合的页面，比如数据比如数据多变的页面Detail等
	 
	 配置属性
	 1.include :组件名数组（OrderView），只有匹配的组件会被缓存
	 2.exclude:组件名数组（OrderView），任何匹配的组件都不会被缓存
	 3.max:最多可以缓存多少组件实例
	 
	 被包裹后会多两个生命周期 ，缓存后再访问原先的Vue，生命周期就不会触发，就需要下面两个生命周期
	 
	 - actived：激活时，组件被看到时触发
	 - deactivd:失活时，离开页面看不见时触发
	 -->
	<!-- 	<keep-alive>
		<router-view></router-view>
	</keep-alive> -->

	<router-view></router-view>

</template>

<style>
	/* 全局样式：强制全屏布局 */
	#app {
		/* 视口高度全屏 */
		height: 100vh;
		/* 视口宽度全屏 */
		width: 100vw;
		overflow: hidden;
	}

	/* 修复 Element Plus 布局组件的潜在样式问题 */
	.el-container {
		height: 100%;
	}

	.el-header,
	.el-aside,
	.el-main {
		/* 移除默认内边距 */
		padding: 0;
	}
</style>